/* 全局样式全部用Element Plus主题变量，支持暗黑模式自动切换 */
:root {
  /* 这里不再自定义主色等，全部用Element Plus变量 */
}
body, html {
  background: var(--el-bg-color);
  color: var(--el-text-color-primary);
  font-family: 'LXGW WenKai', 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;
  transition: background 0.3s, color 0.3s;
}
#app {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.el-header {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--el-bg-color);
  border-bottom: 1px solid var(--el-border-color);
}
.navbar-title {
  font-size: 20px;
  font-weight: bold;
  color: var(--el-color-primary);
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'LXGW WenKai', 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;
  color: var(--el-color-primary);
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
h1 { font-size: 2.5em; line-height: 1.1; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
button, .el-button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: var(--el-color-primary);
  color: #fff;
  cursor: pointer;
  transition: border-color 0.25s, background 0.25s;
}
button:hover, .el-button:hover {
  filter: brightness(0.92);
}
[data-theme='dark'] button,
[data-theme='dark'] .el-button,
.dark button,
.dark .el-button {
  background-color: var(--el-color-primary);
  color: #fff;
}
[data-theme='dark'] .el-header,
.dark .el-header {
  background: var(--el-bg-color);
  border-bottom: 1px solid var(--el-border-color);
}
a {
  font-weight: 500;
  color: var(--el-color-primary);
  text-decoration: inherit;
  transition: color 0.2s;
}
a:hover {
  filter: brightness(0.92);
}
.card, .about-card, .stat-card, .calendar-card, .post-card {
  background: var(--el-bg-color);
  border-radius: 16px;
  box-shadow: var(--el-box-shadow-light);
  border: 1px solid var(--el-border-color);
  color: var(--el-text-color-primary);
  transition: background 0.3s, color 0.3s, box-shadow 0.3s;
} 